<template>
  <div id="main">
    <router-view @nav-change="navChange"/>
  </div>
</template>

<script>
  export default {
    name: "Main",
    methods:{
      navChange(index){
        this.$emit('nav-change',this.index)
      }
    }
  }
</script>

<style scoped>
  #main {
    position: relative;
    width: 100vw;
    height: calc(100vh - 180px);
  }
</style>